<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘惠帮</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/plugins/swiper/3.3.1/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/common.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/block.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
    <div class="commonHeader">我的卡券
    	<a href="${path}/manage/member" class="fa fa-chevron-left back"></a>
    </div>
    <!-- 内容导航栏 -->
    <div class="contentBar">
        <ul>
        	<li>
                <a href="${path}/coupon?status=0" class="${(status==0)?string('active','')}">未使用</a>
            </li>
            <li>
                <a href="${path}/coupon?status=1"  class="${(status==1)?string('active','')}">已使用</a>
            </li>
            <li>
                <a href="${path}/coupon?status=2" class="${(status==2)?string('active','')}">已过期</a>
            </li>
        </ul>
    </div>

    <!----内容开始---->
    <div class="conten_main">
        <ul class="clearFix">
        	<#list couponRecordList as record>
        	 <#if record.status==0>
            <li class="Ithaca">
            <#else>
             <li class="Ithaca1">
            </#if>
                <div class="conten clearFix">
                    <div class="conten_left">
                        <p class="prices">￥${record.rule.usageAmount}</p>
                        <p class="xianqing">订单满￥${record.rule.minAmount}元使用</p>
                    </div>
                    <div class="conten_right">
                        <p class="ext">使用期限：</p>
                        <p class="ext1">由${record.rule.startTime?date}</p>
                        <p class="ext1">至${record.rule.endTime?date}</p>
                        <#if record.status==0>
                        <#elseif record.status==1>
                        <div class="wrapper">
                            <div><span>已使用</span></div>
                        </div>
                        <#else>
                        <div class="wrapper">
                            <div><span>已过期</span></div>
                        </div>
                        </#if>
                    </div>
                </div>
            </li>
            </#list>
        </ul>
    </div>
</div>
</body>
</html>